*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{

    font-family: arial, verdana, helvetica, 'PingFang SC', 'HanHei SC', STHeitiSC-Light, Microsoft Yahei, sans-serif;
    background-color:#f6f6f8;
    color: #414a60;
}

.wrapper{
    margin: 0 auto;
    width: 1184px;
    position: relative;
}

a{
    text-decoration: none;
    color: #414a60;
}

ul, li{
    list-style: none;
}

.bg-gray {
    background-color: #f2f4f7;
}

.section {
    padding: 24px 0;
}

.container {
    width: 1184px;
    margin: 0 auto;
}
//字体蓝色
.font_blur{
    color: #6f9edf;
}
//字体灰色
.font_gray{
    color:#999;
}
//背景/悬停蓝色
.bg_blur{
    background-color: rgba(124, 187, 255, 0.8);
}

.mt-24 {
    margin-top: 24px;
}

.mb-24 {
    margin-bottom: 24px;
}

.mr-12 {
    margin-right: 12px;
}

.ml-12 {
    margin-left: 12px;
}

.flex {
    display: flex;
}

.justify-center {
    justify-content: center;
}

.align-center {
    align-items: center;
}

.align-flex-start {
    align-items: flex-start;
}

.flex-column {
    flex-direction: column;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.grid {
    display: grid;
}

.grid-9 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
}

.text-center {
    text-align: center;
}

.vline {
    display: inline-block;
    width: 1px;
    height: 10px;
    vertical-align: middle;
    background: #e0e0e0;
    margin: 0 10px;
}